<ui:composition template="../template/plantilla_02.xhtml"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:p="http://primefaces.org/ui">
    
    
    <section>
    <ui:define name="panelIzquierdo" >
        <ui:include src="../seguridad/menu_vertical.xhtml"></ui:include>
    </ui:define>
    
    <ui:define name="panelDerecho" >

        <h:form id="fVendedores" styleClass="seccionesWeb">
            
            <h:panelGroup layout="block" styleClass="encabezadoPag" >
                <h:panelGroup layout="block" style="position:relative; float:left;" >
                    <h:graphicImage  value="#{aplicacionBean.parametro.pathImagenesDefault}/icono_vendedores.gif" alt="Comerciales de Intercap SRL Argentina"></h:graphicImage>              
                </h:panelGroup>
                <h:panelGroup layout="block" style=" padding-top:20px;" >
                    <h4>Área comercial</h4>Seleccione la región del mapa donde se encuentra su negocio y contáctese a la sucursal mas cercana, luego lo pondremos en contacto con uno de nuestros representantes comerciales.                       
                </h:panelGroup>
            </h:panelGroup>                   
            
           
            
            <h:panelGrid columns="1" style="width: 600px; float: left;" styleClass="colLabel, colDato" >

            <h1>Seleccione una Zona en el mapa</h1>
            
            <p:panelGrid style="vertical-align: top;"  styleClass="contVendedores" columns="2"  >
                <p:media value="#{aplicacionBean.parametro.pathImagenesDefault}/flash/mapa-zonas-vendedores.swf" width="600px" height="800px" player="flash"/>    
            </p:panelGrid>

            </h:panelGrid>

       

       </h:form>

  </ui:define>
  </section>
</ui:composition>